﻿@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; color:#333333; font-size:12px; font-family:"宋体"; text-align:left; background:url(../images/bg.jpg) repeat-x top #f5f5f5;}
*{ margin:0px; padding:0px;}
.t14{ font-size:14px;}
.tb{ font-weight:bold;}
ul,li{ list-style:none; list-style-type:none; margin:0px; padding:0px;}
img{ border:0px; margin:0px; padding:0px;}
input,select{vertical-align:middle;} 
.clear{ clear:both;}
br{ margin:0px; padding:0px;}
.f_i{ text-indent:2em;}
.no{ display:none;}

/*a style*/
a{ color:#333333; text-decoration:none;}
a:link, a:visited{ color:#333333;}
a:hover{ color:#ff0000; text-decoration:underline;}



.head{ width:559px; height:76px; background:url(../images/logo.jpg) no-repeat left top; margin:0px auto; clear:both; padding-left:441px;}
.menu{ width:588px; height:76px; float:left;}
.menu ul li{width:98px; float:left; display:inline; text-align:center; height:76px; line-height:76px; position:relative; z-index:9999; color:#ffffff; background:url(../images/menu_line.jpg) no-repeat right center;}
.menu ul li.first{ width:76px;}
.menu ul li.last{ background:none;}
.menu ul li a{ display:block;}
.menu ul li a:link, .menu ul li a:visited{ color:#ffffff;}
.menu ul li a.bar,.menu ul li.bar a{ color:#ffffff; background-color:#0a0a0a;}
.menu ul li a:hover{text-decoration:none; color:#ffffff; display:block; background-color:#0a0a0a;}
.submenu a.current{ background-color:#0a0a0a; z-index:99999;}
.submenuwrap{ position:absolute; top:76px; z-index:99999; display:none; width:98px; background-color:#212121;}
.menu ul li ul.submenuwrap li{ float:none; display:block; height:35px; border-bottom:1px solid #515050; line-height:35px; font-weight:normal;}
.menu ul li ul.submenuwrap li a{ display:block; color:#ffffff;}
.menu ul li ul.submenuwrap li.bar a, .menu ul li ul.submenuwrap li a:hover{ color:#ffffff; text-decoration:none;}

/* flexslider */
.flexslider{ position:relative; height:364px; overflow:hidden; text-align:center; width:100%; z-index:1}
.slides{position:relative; z-index:1; height:364px; overflow:hidden;}
.slides li{height:364px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:0px;z-index:2;width:100%; _left:0; background:url(../images/tit_bg.png) repeat; height:38px;}
.flex-control-nav li{ display:none;}
.con{ position:relative; margin:-92px auto 0px; width:980px; height:92px; z-index:9999}
.tel{ position:absolute; bottom:54px; height:38px; width:267px; line-height:38px; right:-57px; text-align:center; font-size:18px; font-family:"Microsoft YaHei"; background:url(../images/tel_con.png) repeat;}
.tit{ height:38px; width:980px; line-height:38px; position:absolute; bottom:0px; left:0px;}
.con1{ margin:15px auto 0px; width:980px;}
.con1_l{ float:left; width:274px;}
.con1_c{ float:left; width:400px; padding-left:30px; padding-top:17px;}
.con1_r{ float:right; width:245px;}
.tit1{ height:46px; line-height:46px; font-size:24px; font-family:"Microsoft YaHei"; border-bottom:1px solid #d4d4d3;}
.con2{ margin:20px auto 0px; border-bottom:1px solid #d4d4d3; padding-bottom:20px; clear:both;}
.con2_l{ float:left; width:122px;}
.con2_l img{width:122px; height:80px;}
.con2_r{ float:right; width:137px; line-height:20px; font-size:14px; font-family:"Microsoft YaHei"}
.con2_r h3{ font-size:12px; font-weight:normal; color:#999999; height:28px;}
.tu{ height:192px; text-align:center; clear:both}
.tu img{ width:400px; height:192px;}
.con3{ font-size:14px; line-height:22px; margin-top:5px;}
.con3 h3{ height:55px; line-height:55px; font-size:36px; font-family:"Microsoft YaHei";}
.more{ margin-top:6px; color:#e9380e;}
.more a:link, .more a:visited{ color:#e9380e;}
.more a:hover{ color:#e9380e; text-decoration:underline;}
.con4{ margin:20px auto 0px; border-bottom:1px solid #d4d4d3; padding-bottom:12px; clear:both;}
.con4_l{ float:left; width:67px;}
.con4_l img{ width:67px; height:67px;}
.con4_r{ float:right; width:168px; line-height:20px; font-size:14px; font-family:"Microsoft YaHei"}
.con4_r h3{ font-weight:normal; color:#e9380c;}
.con_bg{ background:url(../images/con_bg.jpg) repeat-x top #e6e6e6; padding-top:30px; padding-bottom:30px; margin:30px auto 0px; clear:both;}
.tit2{ width:980px; margin:0px auto; height:46px; line-height:46px; font-size:24px; font-family:"Microsoft YaHei"; }
.tu_list{ width:980px; margin:20px auto 0px; clear:both; position:relative; z-index:1;}
.tu_list ul li{ float:left; width:305px; line-height:36px; text-align:center; margin-right:32px; font-size:18px; font-family:"Microsoft YaHei"}
.tu_list ul li img{ width:240px; height:260px;}
.tu_list ul li.last{ margin-right:0px;}

/*图片滚动*/
.rollBox{width:100%;overflow:hidden; _overflow:hidden;margin-top:0px; height:auto; padding-bottom:0px;}
.rollBox .aCont{width:980px;overflow:hidden; _overflow:hidden; float:left; margin-left:0px; position:relative;}
.rollBox .aScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}

.icon{ top:89px; position:absolute; z-index:999; width:20px; height:20px;}
.icon_l{ left:0px; cursor:pointer;}
.icon_r{ right:1px; cursor:pointer;}
.tit3{ width:981px; margin:30px auto 0px; height:46px; line-height:46px; font-size:24px; font-family:"Microsoft YaHei"; border-bottom:3px solid #dbdbdb;}
.tit3 span{ float:right;}
.list{ width:981px; margin:5px auto 0px; clear:both}
.list ul li{ line-height:36px; height:36px; border-bottom:1px solid #dbdbdb; padding-left:19px; background:url(../images/icon.jpg) no-repeat 7px center; float:left; width:308px; font-size:14px; font-family:"Microsoft YaHei"}
.con5{ width:880px; margin:0px auto; font-family:"Microsoft YaHei"; font-size:14px; line-height:24px; color:#929191; padding-top:20px; padding-bottom:20px;}
.con5_l{ float:left; width:225px;}
.con5_c{ float:left; width:345px; padding-right:60px;}
.con5_r{ float:left; width:250px;}
.con5 h3{ font-size:24px; color:#333333; font-weight:normal;}
.con_bg1{ padding:30px; background-color:#06060a; margin:0px auto;}
.con6{ width:450px; padding-left:30px; margin:0px auto; padding-right:500px; background:url(../images/logo1.jpg) no-repeat right center; line-height:24px; height:72px; color:#777777;}
.con6 a{ color:#777777}
.bot{ background-color:#282828;}
.bot1{ margin:0px auto; clear:both; line-height:50px; height:50px; width:950px; padding-left:30px; color:#818181;}
.bot1 span{ float:right; color:#4a4a4b}
.bot1 span a:link, .bot1 span a:visited{ color:#4a4a4b;}
.bot1 span a:hover{ color:#fff; text-decoration:underline;}



.gl_con{ width:960px; background:url(../images/gl_con.jpg) repeat-y left #f5f5f5; padding-bottom:30px; margin:0px auto -30px; padding-top:30px; padding-left:20px;}
.gl_l{ float:left; width:210px;}
.gl_r{ float:right; width:735px;}
.gl_tit{ width:175px; height:54px; line-height:54px; border-bottom:1px solid #e0e0e0; text-align:center; font-size:24px; font-family:"Microsoft YaHei";}
.gl_bar{ margin:10px auto 0px; clear:both;}
.gl_bar ul li{ line-height:38px; height:38px; padding-left:29px; font-family:"Microsoft YaHei"; color:#999999;}
.gl_bar ul li a:link, .gl_bar ul li a:visited{ color:#999999;}
.gl_bar ul li a:hover{ color:#999999; text-decoration:none;}
.gl_bar ul li.bar{ background:url(../images/gl_bar.jpg) no-repeat right center; color:#e9380e}
.gl_bar ul li.bar a:link, .gl_bar ul li.bar a:visited{ color:#e9380e;}
.gl_bar ul li.bar a:hover{ color:#e9380e; text-decoration:none;}
.gl_tit1{ height:54px; line-height:54px; border-bottom:1px solid #e0e0e0; font-size:24px; font-family:"Microsoft YaHei";}
.gl_tit1 span{ float:right; font-size:12px;}
.tu_list1{ margin:24px auto 0px; clear:both}
.tu_list1 ul li{ float:left; width:225px; height:210px; line-height:26px; margin-right:10px; margin-left:10px; font-size:18px; font-family:"Microsoft YaHei"}
/*CSS quotes style pagination*/

DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px auto; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #e8e8e8 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e8e8e8 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e8e8e8 1px solid; COLOR: #333333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e8e8e8 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #333333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #333333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

.gl_tit2{ width:600px; margin:30px auto 0px; font-size:24px; height:46px; line-height:46px; color:#666666;}
.gl_tit2 span{ font-size:14px; padding-left:8px;}
.gl_tit3{ width:600px; margin:0px auto; height:30px; line-height:30px; color:#666666; font-size:14px; font-family:"Microsoft YaHei"}
.tab{ line-height:50px; margin:10px auto 0px; font-size:16px; font-family:"Microsoft YaHei"; color:#999999;}
.inp1{ border:1px solid #e3e3e3; height:34px; line-height:34px; padding-left:10px; margin-left:5px; width:395px;}
.inp2{ border:1px solid #e3e3e3; height:120px; line-height:34px; width:389px; margin:8px 5px 0px 5px; padding:8px;}
.w100{ width:100px;}

.pad_l5{ padding-left:5px;}
.bor_bo{ border-bottom:0px;}
.mar_t7{ margin-top:7px;}
.pad_t10{ padding-top:10px;}
/*colour*/
.twhite1{ color:#ffffff;}
.twhite1 a:link, .twhite1 a:visited{ color:#ffffff;}
.twhite1 a:hover{ color:#ffffff; text-decoration:underline;}

.tred1{ color:#ff0000;}
.tred1 a:link, .tred1 a:visited{ color:#ff0000;}
.tred1 a:hover{ color:#ff0000; text-decoration:underline;}

.tblue1{ color:#0066b0;}
.tblue1 a:link, .tblue1 a:visited{ color:#0066b0;}
.tblue1 a:hover{ color:#0066b0; text-decoration:underline;}

.tgray1{ color:#8d8d8d;}
.tgray1 a:link, .tgray1 a:visited{ color:#8d8d8d;}
.tgray1 a:hover{ color:#8d8d8d; text-decoration:underline;}

.xl_tit1{ width:100%; height:32px; line-height:32px; margin:25px auto 0px; text-align:center; font-size:16px;}
.xl_con1{ width:100%; line-height:22px; margin:0px auto; padding-top:10px;}
.xl_con1 p{ margin-bottom:15px;}

.gl_list1{ width:98%; margin:10px auto 0px; clear:both;}
.gl_list1 ul li{ height:30px; line-height:30px; padding-left:20px; border-bottom:1px dotted #afafaf; background:url(../images/icon.jpg) no-repeat 5px center; color:#434343;}
.gl_list1 ul li span{ float:right; color:#a6a6a6;}


/*****************产品列表*********************/
.bodycontent
{ margin:24px auto 0px; clear:both}

.kefang2
{
    float:left; width:225px; height:210px; line-height:26px; margin-right:10px; margin-left:10px; font-size:18px; font-family:"Microsoft YaHei"

	}
.kf_left2
{
	height: 145px; width:225px;border:1px solid #EAE9E9; padding:0px;
     vertical-align:middle; text-align:center; font-family:Arial; 
     display:table-cell; overflow:hidden; margin:0px auto; 
     _display:block;
     _font-size:120px;
    

	}
	
	
.kf_left2 img
{
  vertical-align:middle; border-width:0px;
	 
	}
.proitemtext
{
     height:26px;  margin:0px auto;
	 width:225px; float:left;
     text-align:center; font-family:Arial; 
      overflow:hidden;
     _display:block;
     line-height:26px;
	}

/*****jobs*******/
.jobcontent
{
     width:700px;margin:0px auto; margin-top:20px; 
    }
 .jobcontent td.jobtdtitle
 {
     padding-left:5px;
     
     }

/*******************宽高命名样式******************************/
.w420
{
	 width:250px;
	}
			.w380
{
	 width:300px;
	}
		.w300
{
	 width:300px;
	}
.w80
{
	 width:80px;
	}
	.w120
{
	 width:120px;
	}     
     
/*————留言————*/
.fh{width:500px;padding:0 0 0 30px;}
	.content .fh a{color:#c00;margin:0 30px 0 0;}
.i_msg{background:url(i_msg.gif) no-repeat top left;}
.msg ul
{
	 list-style-type:none; margin:0px; padding:0px;
	}
.msg input
{
	 background-color:transparent; border-style:solid; border-color:#ababab; border-width:1px;
	}
.msg{width:500px;margin:0px auto;border:1px solid #ddd;border-bottom:none;overflow:hidden; clear:both; margin-top:20px;}
	.msg li{width:500px;border-bottom:1px solid #ddd;line-height:35px;float:left;LIST-STYLE-TYPE: none;}
	.m_left{width:100px;float:left;text-align:right;padding:0 20px 0 0px;border-right:1px solid #ddd;margin:0 10px 0 0;}
	.m_right{float:left;padding:0;}
	.m_right input{ margin-top:8px;}
	.m_right textarea{ margin-top:8px;}
	.msg .lr{width:100px;height:100px;float:left;text-align:right;padding:0 20px 0 0px;border-right:1px solid #ddd;margin:0 10px 0 0;}
	.msg .btn{float:left;margin:8px 8px 0 0; color:#333333; padding:3px; height:23px;}
	.msg .fb{width:500px;font-size:14px;font-weight:bold;color:#c00;padding:0 0 0 20px;}
.msg_content{width:500px;float:left;margin:0 0 10px 30px;border:1px solid #ddd;display:inline;}
.msg_content .title{font-size:14px;font-weight:bold;color:#c00;padding:8px 8px 8px 52px;float:left;}
	.msg_top{width:500px;background:#f2f2f2;line-height:28px;float:left;padding:0 0 0 26px;margin:10px 0 0;}
	.msg_main{width:500px;float:left;line-height:23px;padding:0 0 0 26px;margin:8px 0 0;}
	.msg_content .hf{width:500px;float:left;border:1px dashed #c00;margin:0 0 8px 46px;display:inline;padding:8px;line-height:24px;}
	.msg_content .lr{color:#c00;font-size:14px;font-weight:bold;padding:8px 0 0 20px;}
	
	   label.valid
        {
            color: Green; float:left; display:inline;line-height:35px;
        }
        label.error
        {
             color:red; float:left; display:inline;line-height:35px;
            }
         input.error
         {
              float:left; 
             }
             input.valid
         {
              float:left; 
             }
             textarea.error
             {
                  float:left;
                 }
                  textarea.valid
             {
                  float:left;
                 }